import styled from "styled-components";

export const FilterWrapper = styled.div`
  position: fixed;
  display: flex;
  z-index: 9;
  /* margin-bottom: 20px; */
  margin:0px -16px;
  padding: 0px 20px;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
  width: 100%;
  .item{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 20px;
      margin: 0px 8px;
      background-color: #fff;
    height: 40px;
    /* border: 1px solid black; */
  }

  .active{
    background-color:${(props) => props.theme.color.secondaryColor} ;
    color: #fff;
  }

`